<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>墨阅小说</title>
    <link th:href="@{/moyue/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/moyue/css/book.css}"  rel="stylesheet">
    <link th:href="@{/moyue/css/loginortop.css}"  rel="stylesheet">
    <link th:href="@{/moyue/font-awesome-4.7.0/css/font-awesome.min.css}" rel="stylesheet">
    <link rel="shortcut icon" th:href="@{/moyue/images/favicon.ico}" type="image/x-icon"/>
</head>
<body style="background-color: #fff;">
<div class="navs" id="div1">
    <div class="navs-top">
        <div class="navs-top-left">
            <ul>
                <div class="top-left-one"><a th:href="@{/moyue/user/index}" target="" style="font-size: 20px;">墨阅小说网</a></div>
                <li><a href="xuanhuan.html" target="" >玄幻</a></li>
                <li><a href="dushi.html" target="" >都市</a></li>
                <li><a href="xianxia.html" target="">仙侠</a></li>
                <li><a href="kehuan.html" target="" >科幻</a></li>
                <li><a href="youxi.html" target="" >游戏</a></li>
                <li><a href="lishi.html" target="" >历史</a></li>
                <li><a href="rank.html" target="_blank" >排行</a></li>
                <li class="more"><a href="javascript:" id="top-nav-more" target="" >更多<span></span></a>
                    <div class="top-left-dropdown"><a href="all.html" target="_blank" >全部作品</a>
                        <a href="2cy.html" target="" >二次元</a>
                        <a href="qihuan.html" target="" >奇幻</a>
                        <a href="wuxia.html" target="" >武侠</a>
                        <a href="lingyi.html" target="" >灵异</a>
                        <a href="junshi.html" target="" >军事</a>
                        <a href="xianshi.html" target="" >现实</a>
                        <a href="tiyu.html" target="" >体育</a>
                        <a href="duanpian.html" target="">短篇</a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="navs-top-right">
            <div class="top-right-shou">
                <input placeholder="斗罗大陆">
                <i class="fa fa-search" style="margin-left: 10px;cursor:pointer"></i>
                &nbsp;&nbsp;|
            </div>
            <div class="top-right-myhone">
                <div class="myhone" th:if="${session.user}==null">
                    <span onclick="upup()">登录</span>&nbsp;&nbsp;
                    <span><a th:href="@{/moyue/user/registerUI}">注册</a> </span>
                </div>
                <div class="mylanded" th:if="${session.user}!=null">
                    <a th:href="@{/moyue/user/myhomehtml}"><span th:each="user : ${session.user}" th:text="${user.userName}"></span></a>
                    <div class="mylanded-y">
                        <a th:href="@{/moyue/user/myhomehtml}">个人中心</a>
                        <a th:href="@{/moyue/user/safetyhtml}">安全中心</a>
                        <a th:href="@{/moyue/book/bookcaselist}">我的书架</a>
                        <a th:href="@{/moyue/user/outlogin}">退出登录</a>
                    </div>
                </div> &nbsp;
                &nbsp;|
                <div class="mybook">
                    <a th:href="@{/moyue/book/bookcaselist}">
                        <i class="iconfont" style="font-size: 25px">&#xe60a;</i>
                        <span style="line-height: 30px">我的书架</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="back"></div>
<div id="denglu">
    <div class="denglu-login">
        <div class="denglu-close" onclick="closes()"><i class="fa fa-close"></i></div>
        <div class="login-top">
            <div class="login-top-one">账号登陆</div>
        </div>
        <div class="login-center">关于墨阅网将实行<a href="#">手机绑定实名制的说明</a>
        </div>
        <input placeholder="手机/邮箱/用户名" id="user">
        <input placeholder="密码" id="password" type="password">
        <div class="self-motion">
            <input type="checkbox" style="width: 15px;height: 15px;margin: 0px">
            <span>下次自动登录</span>
        </div>
        <a th:href="@{/moyue/user/forgetPwdUI}" target="_blank" class="wangji">忘记密码</a>
        <a href="#"><div class="denglu-button" onclick="login()">登陆</div></a>
        <div class="denglu-three">
            <p>使用第三方账号登录</p>
            <div class="three-ss">
                <a href="javascript:;" class="three-ss-qq" style="background-color: #FF0036;font-size:25px;"><i class="fa fa-weibo" title="新浪微博"></i></a>
                <a href="https://github.com/login/oauth/authorize?client_id=6c861c60eb9fd46cfc6d" class="three-ss-qq" style="background-color: #111111;font-size: 25px" methods="get"><i class="fa fa-github" title="GitHub"></i> </a>
                <a href="javascript:;" class="three-ss-qq" style="background-color: #0a6397;font-size: 25px"><i class="fa fa-qq" title=""></i> </a>
                <a href="javascript:;" class="three-ss-qq" style="background-color: #419641;font-size: 25px"><i class="fa fa-linkedin" title=""></i> </a>
            </div>
            <p style="margin-top: 70px;padding-top: 10px;border-top: 1px solid #D1CCC7;">没有账号？<a th:href="@{/moyue/user/registerUI}" target="_blank" style="color: #36a803;">立即申请</a></p>
        </div>
    </div>
</div>

<div class="top-content">
    <div class="top-nav">
        <div class="nav-list">
            <a th:href="@{/moyue/index}" target="_blank">首页  ></a>
            <a th:href="@{/moyue/index}" th:text="${parentype}">武侠频道 ></a>
            <a href="" th:text="${subtype}">武侠幻想 ></a>
            <a href="" th:text="${book.bookName}">逍遥派</a>
        </div>
    </div>
</div>
<div class="top-nav">
    <div class="book-detail">
        <!--第一部分-->
        <div class="book-information">
            <div class="book-img">
                <a href=""><img th:src="@{'/moyue/Path'+${book.getBookCoverUrl()}}"/></a>
            </div>
            <div class="book-info">
                <h1>
                    <i th:text="${book.bookName}"></i>
                    <input type="hidden" th:value="${book.bookId}" id="bookid">
                    <span>
							<a href="" id="autor" th:text="${book.authorName}"></a>
							<span>著</span>
						</span>
                </h1>
                <div class="pag">
                    <ul>
                        <li th:if="${book.bookIsEnd}==0">连载</li><!--作品状态-->
                        <li th:if="${book.bookIsEnd}==1">完结</li><!--作品状态-->
                        <li th:if="${book.bookIsContract}==0">未签约</li><!--作品状态-->
                        <li th:if="${book.bookIsContract}==1">已签约</li><!--作品状态-->
                        <li><a href="" target="_blank" th:text="${parentype}">武侠</a></li>
                        <li><a href="" target="_blank" th:text="${subtype}">武侠</a></li>
                    </ul>
                </div>
                <!--<p th:text="${book.bookDescription}">借三尺明月，衔两袖青龙，轻剑快马恣意，携侣江湖同游！</p>-->
                <p>
                    <span><b >618.87</b>万字</span>
                    <span><b>144.17</b>万总点击·会员周点击540</span>
                    <span><b>25.14</b>万总推荐·周425</span>
                </p>
                <p>
                    <a class="red-btn" th:href="'/moyue/book/chapterView/'+${freeread.bookId}+'/'+${freeread.bookListOrder}">免费试读</a>
                    <span class="blue-button" th:if="${bookcase}==0" onclick="bookrack()">加入书架</span>
                    <span class="blue-button blue-button-hui" th:if="${bookcase}==1" >已在书架</span>
                </p>
            </div>
            <div class="book-wrap">
                <b style="font-size: 28px;">9</b><b>.</b><b style="font-size: 24px;">0</b>
                <p style="color: #3f5a93; margin: 10px 0;">
                    <span style="position: relative; top: 5px;">96</span>人评价
                </p>
                <p style="font-size: 13px;">我要评价</p>
                <div class="scoll">
                    <ul>
                        <li><i class="fa fa-star" title="不知所云"></i></li>
                        <li><i class="fa fa-star" title="随便看看"></i></li>
                        <li><i class="fa fa-star" title="值得一读"></i></li>
                        <li><i class="fa fa-star" title="不容错过"></i></li>
                        <li><i class="fa fa-star" title="经典必读"></i></li>
                    </ul>
                </div>
                <div class="download">
                    <a th:if="${free}==null" th:href="'/moyue/book/subscription/'+ ${book.bookId}">
                        <i class="fa fa-file-text-o" style="font-size: 21px;"></i>
                        订阅
                    </a>
                    <!--<a href=""><i class="fa fa-download" style="font-size: 21px; margin-left: 16px;"></i>下载</a>-->
                </div>
            </div>
        </div>
        <!--第二部分-->
        <div class="content-nav">
            <ul>
                <li style="color: #ed4259;" id="li1">作品信息</li>
                <li id="li2">目录 <b th:text="${chapter}"></b>章</li>
            </ul>
        </div>
        <!--作品信息-->
        <div id="works">
            <!--右-->
            <div class="right-wrap">
                <div class="autor-info">
                    <div class="autor-info-img">
                        <a href="" target="_blank">
                            <img src="images/autor.jpg"/>
                        </a>
                    </div>
                    <a href="" target="_blank"><div id="autor1"></div></a>
                </div>
                <div class="recommend">
                    <h4 style="padding: 12px;"><b>本周强推</b><b>.</b><b>武侠</b></h4>
                    <ul>
                        <li>
                            <a href="" target="_blank"><em>「</em>武侠幻想<em>」</em></a>
                            <a href="" target="_blank" title="最强大武道系统">最强大武道系统</a>
                        </li>
                        <li>
                            <a href="" target="_blank"><em>「</em>武侠幻想<em>」</em></a>
                            <a href="" target="_blank" title="最强大武道系统">最强大武道系统</a>
                        </li>
                        <li>
                            <a href="" target="_blank"><em>「</em>武侠幻想<em>」</em></a>
                            <a href="" target="_blank" title="最强大武道系统">最强大武道系统</a>
                        </li>
                        <li>
                            <a href="" target="_blank"><em>「</em>武侠幻想<em>」</em></a>
                            <a href="" target="_blank" title="最强大武道系统">最强大武道系统</a>
                        </li>
                        <li>
                            <a href="" target="_blank"><em>「</em>武侠幻想<em>」</em></a>
                            <a href="" target="_blank" title="最强大武道系统">最强大武道系统</a>
                        </li>
                        <li>
                            <a href="" target="_blank"><em>「</em>武侠幻想<em>」</em></a>
                            <a href="" target="_blank" title="最强大武道系统">最强大武道系统</a>
                        </li>
                        <li>
                            <a href="" target="_blank"><em>「</em>武侠幻想<em>」</em></a>
                            <a href="" target="_blank" title="最强大武道系统">最强大武道系统</a>
                        </li>
                    </ul>
                </div>
                <a href="" target="_blank"><img src="images/0 (1).jpg" style="padding: 12px; width: 250px;"/></a>
                <div class="recommend">
                    <h4 style="padding: 12px;">
                        <b>粉丝排行榜</b>
                        <span style="float: right; font-size: 13px;"><a href="" target="_blank" style="color: #999;">更多》</a></span>
                    </h4>
                    <ul>
                        <li>
                            <div class="num_box">
                                <span style="background-color: #BF2C24;">1</span>
                            </div>
                            <div class="num_name">
                                <a href="" target="_blank">笑傲武侠***</a>
                            </div>
                        </li>
                        <li>
                            <div class="num_box">
                                <span style="background-color: #e67225;">2</span>
                            </div>
                            <div class="num_name">
                                <a href="" target="_blank">笑傲武侠***</a>
                            </div>
                        </li>
                        <li>
                            <div class="num_box">
                                <span style="background-color: #E6BF25;">3</span>
                            </div>
                            <div class="num_name">
                                <a href="" target="_blank">笑傲武侠***</a>
                            </div>
                        </li>
                        <li>
                            <div class="num_box">
                                <span style="background-color:#ededed;">4</span>
                            </div>
                            <div class="num--name">
                                <a href="" target="_blank">书友161118224846862</a>
                            </div>
                        </li>
                        <li>
                            <div class="num_box">
                                <span style="background-color:#ededed;">5</span>
                            </div>
                            <div class="num--name">
                                <a href="" target="_blank">书友161118224846862</a>
                            </div>
                        </li>
                        <li>
                            <div class="num_box">
                                <span style="background-color:#ededed;">6</span>
                            </div>
                            <div class="num--name">
                                <a href="" target="_blank">书友161118224846862</a>
                            </div>
                        </li>
                        <li>
                            <div class="num_box">
                                <span style="background-color:#ededed;">7</span>
                            </div>
                            <div class="num--name">
                                <a href="" target="_blank">书友161118224846862</a>
                            </div>
                        </li>
                        <li>
                            <div class="num_box">
                                <span style="background-color:#ededed;">8</span>
                            </div>
                            <div class="num--name">
                                <a href="" target="_blank">书友161118224846862</a>
                            </div>
                        </li>
                        <li>
                            <div class="num_box">
                                <span style="background-color:#ededed;">9</span>
                            </div>
                            <div class="num--name">
                                <a href="" target="_blank">书友161118224846862</a>
                            </div>
                        </li>

                        <li>
                            <div class="num_box">
                                <span style="background-color:#ededed;">10</span>
                            </div>
                            <div class="num--name">
                                <a href="" target="_blank">书友161118224846862</a>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
            <!--左-->
            <div class="left-wrap">
                <div class="book-intros">
                    <p th:text="${book.bookDescription}"></p>
                </div>
                <!--作者自定义标签-->
                <div class="book_wrapper">
                    <ul>
                        <li>
                            作者自定义标签
                        </li>
                        <li class="book-wrap-s" th:each="labels:${labels}" th:text="${labels}">

                        </li>
                    </ul>
                </div>
                <!--粉丝互动-->
                <div class="fans-chat">
                    <h3><b>粉丝互动</b></h3>
                    <div class="ticket">
                        <h4 ><b>打赏</b></h4>
                        <p>本周打赏人数</p>
                        <p><b>8</b></p>
                        <p style="color: black;">今日<span>1</span>人打赏</p>
                        <a class="iconfont" onclick="ynuser()">&#xe664;</a>
                        <p style="color: black; font-size: 12px;">100起点币=100点粉丝值</p>
                    </div>
                    <div class="reward">
                        <div class="reward-clos" onclick="dsclose()"><i class="iconfont">&#xe62c;</i></div>
                        <div class="reward-nav">
                            <h3 style="letter-spacing: 8px; font-size:24px;"><b>打赏</b></h3>
                            <div class="vote-popup">
                                <div class="vote-popup-wrap">
                                    <div class="popup-wrip popup-wrip-s" id="pop1" onclick="colorpop($('#pop1'),$('.spanp1').html())" >
                                        <span class="spanp1">100</span><span>点</span>
                                        <i class="iconfont">&#xe602;</i>
                                    </div>

                                    <div class="popup-wrip" id="pop2" onclick="colorpop($('#pop2'),$('.spanp2').html())">
                                        <span class="spanp2">300</span><span>点</span>
                                        <i class="iconfont">&#xe602;</i>
                                    </div>
                                    <div class="popup-wrip" id="pop3" onclick="colorpop($('#pop3'),$('.spanp3').html())">
                                        <span class="spanp3">600</span><span>点</span>
                                        <i class="iconfont">&#xe602;</i>
                                    </div>
                                    <div class="popup-wrip" id="pop4" onclick="colorpop($('#pop4'),$('.spanp4').html())">
                                        <span class="spanp4">1000</span>点
                                        <i class="iconfont">&#xe602;</i>
                                    </div>
                                    <div class="popup-wrip " id="pop5" onclick="colorpop($('#pop5'),$('.spanp5').html())" >
                                        <span class="spanp5">1万</span><span>点</span>
                                        <i class="iconfont">&#xe602;</i>
                                    </div>

                                    <div class="popup-wrip" id="pop6" onclick="colorpop($('#pop6'),$('.spanp6').html())">
                                        <span class="spanp6">5万</span><span>点</span>
                                        <i class="iconfont">&#xe602;</i>
                                    </div>
                                    <div class="popup-wrip" id="pop7" onclick="colorpop($('#pop7'),$('.spanp7').html())">
                                        <span class="spanp7">10万</span><span>点</span>
                                        <i class="iconfont">&#xe602;</i>
                                    </div>
                                    <div class="popup-wrip" id="pop8" onclick="colorpop($('#pop8'),$('.spanp8').html())">
                                        <span class="spanp8">100万</span>点
                                        <i class="iconfont">&#xe602;</i>
                                    </div>
                                    <div class="popup-wrip" id="pop9" onclick="colorpop($('#pop9'),$('.spanp9').html())">
                                        <span class="spanp9">500万</span>点
                                        <i class="iconfont">&#xe602;</i>
                                    </div>
                                </div>
                                <div class="vote-popup-wrapper">
                                    账户余额<span id="account"></span>起点币·本次打赏<span id="currency">100</span>起点币
                                </div>
                                <input type="hidden" th:value="${book.bookId}" class="bookid">
                                <div class="popup-btn">
                                    <div class="pop-red">
                                        <span  onclick="exception()" >确认打赏</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="game_img">
                    <a href="" target="_blank" style="float: left;"><img src="images/0.jpg"/></a>
                    <a href="" target="_blank" style="float: right;"><img src="images/1.jpg"/></a>
                </div>
                <!--喜欢这本书的人还喜欢-->
                <div class="like-more">
                    <h3><b>喜欢这本书的人还喜欢</b></h3>
                    <div class="like-more-list">
                        <ul>
                            <li style="margin-left: 0;">

                                <div class="books01">
                                    <a href="" target="_blank">
                                        <img src="images/books01.jpg"/>
                                        <p title="绝世武侠系统">绝世武侠系统</p>
                                    </a>
                                </div>
                            </li>

                        </ul>
                    </div>
                </div>
                <!--作品讨论区-->
                <div class="user-comment">
                    <!--1-->
                    <div class="post-seo">
                        <div class="lang">
                            <h3>
                                <b>作品讨论区</b>
                                <span id="fatie"><a>我要发帖</a></span>
                            </h3>
                        </div>
                        <div class="short" style=" color: #999;">
                            <h3><b>书友评价</b></h3>
                        </div>
                    </div>
                    <!--2-->
                    <div class="post-text">
                        <textarea name="" id="content" cols="90" rows="10">

                        </textarea>
                        <div class="post-del">
                            <input type="button" value="取消" class="delete" id="delete-l">
                            <input type="button" value="确认发帖" class="delete" id="delete-r" onclick="comment()">
                        </div>
                    </div>
                    <div class="comment-list" id="list1">
                        <ul id="#aaa">
                            <li th:each="comment : ${comments}">
                                <div class="discuss-info" th>
                                    <div><a href="" target="_blank"><b style="font-size: 16px;" th:text="${comment.userId}">雾掩全城</b></a> 发表了帖子</div>
                                    <p style="color: #D82626;margin-top: 12px;"th:text="${comment.commentContent}">该给孩子取名字了，大家说取啥名</p>
                                    <div class="time-info">
                                        <span th:text="${comment.commentDate}">2017-12-28更新</span>
                                        <div style="position: absolute; left: 128px; top: -20px;">
                                            <span><div class="iconfont">&#xe651;</div></span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <div class="talkmore">
                            <a th:href="@{/moyue/user/commenthtml}" style="color: #000">
                                查看更多
                            </a>
                        </div>
                    </div>
                    <div class="comment-list" id="list2" style="display: none;">
                        <ul>
                            <li>
                                <div class="user-photo">
                                    <div><a href="" target="_blank"><img src="images/list01.jpg"/></a></div>
                                </div>
                                <div class="discuss-info">
                                    <div><a href="" target="_blank">
                                        <b style="font-size: 13px;">白马的极点</b></a>
                                        <span>评  <i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i>  </span>
                                    </div>
                                    <div class="time-info">
                                        <span>2018-4-30</span>
                                        <span>15:36</span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="user-photo">
                                    <div><a href="" target="_blank"><img src="images/list01.jpg"/></a></div>
                                </div>
                                <div class="discuss-info">
                                    <div><a href="" target="_blank">
                                        <b style="font-size: 13px;">白马的极点</b></a>
                                        <span>评  <i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i>  </span>
                                    </div>
                                    <div class="time-info">
                                        <span>2018-4-30</span>
                                        <span>15:36</span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!--目录-->
        <div class="middle-wrap" style="display: none;">
            <div class="book-volume">
                <h3>
                    <div style="float: left;">正文</div>
                    <div class="free">免费</div>
                </h3>
                <ul>
                    <li th:each="booklist : ${freebookLists}">
                        <a href="" target="_blank" th:title="${booklist.bookListName}" th:href="'/moyue/book/chapterView/'+${booklist.getBookId()}+'/'+${booklist.bookListOrder}">
                            <span th:text=" '第'+ ${booklist.bookListOrder} + '章 ' + ${booklist.getBookListName()}"></span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="book-volume">
                <h3>
                    <div style="float: left;">VIP卷</div>
                    <div class="free" style="background-color: #fc6c28;;">VIP</div>
                </h3>
                <ul>
                    <li th:each="booklist : ${chargebookLists}">
                        <a href="" target="_blank" th:title="${booklist.bookListName}"  th:href="'/moyue/book/chapterView/'+${booklist.getBookId()}+'/'+${booklist.getBookListOrder()}">
                            <span th:text=" '第'+ ${booklist.bookListOrder} + '章 ' +${booklist.getBookListName()}"></span></a>
                        <i class="fa fa-lock"></i>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="bookshelf none">
    <i class="fa fa-check-square-o" style="color:#FF0036"></i>
    <span class="point">成功加入书架</span></div>
<div class="not-suff none ">
    <i onclick="nosuff()">X</i>
    <h4>余额不足，请及时充值</h4>
    <p>当前余额<span class="suff-color suffx"></span>币，还需要<span class="suff-color suffs"></span>币</p>
    <a>充值</a>
</div>
<div class="suffback"></div>
<div class="person-footer">
    <div class="footer">
        <div class="flider">
            <div style="margin: 0 auto; width: 405px;">
                <a href="////">关于墨阅</a>
                <a href="////">联系我们</a>
                <a href="////">加入我们</a>
                <a href="////">帮助中心</a>
                <a href="////">提交建议</a>
                <a href="////">举报中心</a>
            </div>
            <p><span>Copyright &copy; 2002-2018 www.qidian.comAll Rights Reserved</span>版权所有 上海玄霆娱乐信息科技有限公司</p>
            <p>上海玄霆娱乐信息科技有限公司 增值电信业务经营许可证沪B2-20080046 出版经营许可证 新出发沪批字第U3718号 沪网文[2015]0081-031 新出网证（沪）字010 沪ICP备08017520号-1</p>
            <p>请所有作者发布作品时务必遵守国家互联网信息管理办法规定，我们拒绝任何色情小说，一经发现，即作删除！举报电话：010-59357051</p>
            <p>本站所收录的作品、社区话题、用户评论、用户上传内容或图片等均属用户个人行为。如前述内容侵害您的权益，欢迎举报投诉，一经核实，立即删除，本站不承担任何责任</p>
            <p>联系方式 总机 021-61870500 地址：中国（上海）自由贸易试验区碧波路690号6号楼101、201室</p>
        </div>
    </div>
</div>
</body>
<script th:src="@{/moyue/js/jquery-3.3.1.min.js}"></script>
<script th:src="@{/moyue/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/moyue/js/read.js}"></script>
<script th:inline="javascript">
        // var oTxt = document.getElementById("txt");
        var oTxt = $("#content");
        // var oBtn = document.getElementById("btn1");
        var oBtn = $("#delete-r");
        // var oUl1 = document.getElementById("ul1");
        var  oUl1 = $("#aaa");
        oBtn.onclick=function(){
            var oBox = document.createElement("div");
            oBox.className = "box";

            //创建头像
            var oDiv = document.createElement("div");
            oDiv.className = "touxiang";
            oBox.appendChild(oDiv);
            // 创建昵称
            var oDiv = document.createElement("div");
            oDiv.className = "nicheng";
            oDiv.innerHTML = "指尖微凉*";
            oBox.appendChild(oDiv);
            // 创建评论
            var oDiv = document.createElement("div");
            oDiv.className = "pinglun";
            oDiv.innerHTML = oTxt.value;
            oBox.appendChild(oDiv);
            // 创建时间
            var oDiv = document.createElement("div");
            oDiv.className = "shijian";
            var oDate = new Date();
            oDiv.innerHTML ="评论时间  "+ oDate.getFullYear()+"年"+(oDate.getMonth()+1)+"月"+oDate.getDate()+"日"+"<a href='javascript:;'>删除</a>";

            oBox.appendChild(oDiv);

            oUl1.appendChild(oBox);
            var aA = oDiv.getElementsByTagName("a");
            for(var i = 0;i<aA.length;i++){
                aA[i].onclick=function(){
                    oDiv.removeChild(this.parentNode);
                }
            }

        }
    function comment() {
        $.ajax({
            type: "POST",//数据发送的方式（post 或者 get）
            url: "/moyue/comment",//要发送的后台地址
            data: {
                commentContent: $("#content").val(),
                bookId: $("#bookid").val(),
            },//要发送的数据（参数）格式为{'val1':"1","val2":"2"}
            dataType:"JSON",
            async: false,
            success: function (data) {//ajax请求成功后触发的方法
                if(data.code==0){
                    $(".post-text").fadeOut();
                    $("#content").val('');
                    alert('发帖成功');
                    location.reload();
                }
            },
            error: function (msg) {//ajax请求失败后触发的方法
                alert("请稍后重试");//弹出错误信息
            }
        });
    }

</script>
</html>